<template>
  <div class="wrapper">




    <router-view></router-view>

    <van-tabbar v-model="active" route>
      <van-tabbar-item icon="home-o" to="/index">首页</van-tabbar-item>
      <van-tabbar-item icon="search" to="/shop">商品</van-tabbar-item>
      <van-tabbar-item icon="friends-o" to="/shopcar">购物车</van-tabbar-item>
      <van-tabbar-item icon="setting-o" to="/user">我的</van-tabbar-item>
    </van-tabbar>




    <!-- <foottab>
        <template v-slot:nav1>
          <span>首页</span>
        </template>
        <template v-slot:nav2>
          <span>商品</span>
        </template>
        <template v-slot:nav3>
          <span>购物车</span>
        </template>
        <template v-slot:nav4>
          <span>我的</span>
        </template>
    </foottab> -->
  </div>
</template>


<script>
  //   import foottab from '../components/foottab';
  export default {
    // components: {
    //   foottab
    // },
    data() {
      return {
        active: '/index'
      }
    },
  }
</script>
<style lang="scss">
  .wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: column;

  }
</style>